<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Nguyen Van Hien</title>
    <link rel="stylesheet" href="css/jquery.mobile-1.0b2.css" />
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="js/jquery.mobile-1.0b2.js"></script>
  </head>

<!-- Start of first page: #home --> 
<div data-role="page" id="foo" data-theme="b"> 
 
	<div data-role="header" data-theme="b"> 
		<h1>Home Page</h1> 
	</div><!-- /header --> 
 
	<div data-role="content" id="home" data-theme="b">	
		<h2>Welcome to my world!</h2> 
		<img alt="Avatar" src="images/hien2.png">
		<p>This is my personal website!</p>	
		
		<p>Reach me at <a href="mailto:nvhienict@gmail.com" >nvhienict@gmail.com</a>, if you have any questions about me and anything that you'd like to ask.</p>	
 
		<h3>Show internal pages:</h3> 
		<p><a href="#sharing" data-role="button">Sharing</a></p>	
		<p><a href="#about"data-role="button" data-rel="dialog" data-transition="pop">About me!</a></p> 
	</div><!-- /content --> 
	
	<div data-role="footer" data-theme="b"> 
		<h4></h4> 
	</div><!-- /footer --> 
</div><!-- /page one --> 
 
 
<!-- Start of second page: #sharing --> 
<div data-role="page" id="sharing" data-theme="b"> 
 
	<div data-role="header" data-theme="b"> 
		<h1>Sharing</h1> 
	</div><!-- /header --> 
 
	<div data-role="content" data-theme="b">	
		<h2>My sharing</h2> 
		<p><img alt="Avatar" src="images/under_construction.jpg"></p>	
		<p><a href="#home" data-direction="reverse" data-role="button" data-theme="b">Back to home page</a></p>	
		
	</div><!-- /content --> 
	
	<div data-role="footer" data-theme="b"> 
		<h4></h4> 
	</div><!-- /footer --> 
</div><!-- /page two --> 
 
 
<!-- Start of third page: #about --> 
<div data-role="page" id="about" data-theme="b"> 
 
	<div data-role="header" data-theme="b"> 
		<h1>About me!</h1> 
	</div><!-- /header --> 
 
	<div data-role="content" data-theme="b">	
		<h2>Nguyễn Văn Hiến</h2> 
		<p>I'm a Software Engineer. My skills focus on web application, cloud computing and security</p>
		<p><a href="http://www.linkedin.com/in/nvhien">
		<img width="160" height="25" border="0" alt="Nguyen Van Hien's profile on LinkedIn" src="http://www.linkedin.com/img/webpromo/btn_viewmy_160x25.gif"></a></p>
		<p><img alt="Avatar" src="images/hien1.jpg"></p>
		<p></p>
		<p><a href="#home" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to home page</a></p>	
	</div><!-- /content --> 
	
	<div data-role="footer" data-theme="b"> 
		<h4></h4> 
	</div><!-- /footer --> 
</div><!-- /page popup --> 
</html>
